<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>网页菜单</title>
		<style>
		ul{
			list-style:none;
		}
		
		li{
			float:left;
			margin-right: 10px;
			background-color: blueviolet;
			padding: 5px 10px 5px 10px ;
			color: aliceblue;
		}
		
		li:hover{
			background-color: chartreuse;
		}
		
		a{
			text-decoration: none;
			color: aliceblue;
		}
		</style>
	</head>
	
	<body>
		<h3>使用ul和li标签实现，通过样式修饰实现</h3>
		<h5>a标签实现超链接</h5>
		<ul>
			<li><a href="https://www.w3school.com.cn/" target="_blank">aW3School</a></li>
			<li><a href="	https://segmentfault.com/" target="_blank">菜鸟教程</a></li>
			<li><a href="https://www.csdn.net/" target="_blank">CSDN</a></li>
			<li><a href="	https://www.runoob.com/" target="_blank">思否</a></li>
			<li>java培优</li>
		</ul>
	</body>
</html>
